<!DOCTYPE HTML>
<html>
<head>
    <title>中国中车 - {{$person->name}}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="Portfolio  Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        } </script>
    <link href="{{asset('static/css/bootstrap.css')}}" rel='stylesheet' type='text/css'/>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="{{asset('static/js/jquery.min.js')}}"></script>
    <!-- Custom Theme files -->
    <link href="{{asset('static/css/style.css')}}" rel='stylesheet' type='text/css'/>
    <!-- Custom Theme files -->
    <!---- start-smoth-scrolling---->
    <script type="text/javascript" src="{{asset('static/js/move-top.js')}}"></script>
    <script type="text/javascript" src="{{asset('static/js/easing.js')}}"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({scrollTop: $(this.hash).offset().top}, 1000);
            });
        });
    </script>
    <!----webfonts--->
    <!---//webfonts--->
    <!------ light-box-script ----->
    <script src="{{asset('static/js/jquery.chocolat.js')}}"></script>
    <link rel="stylesheet" href="{{asset('static/css/chocolat.css')}}" type="text/css" media="screen" charset="utf-8"/>
    <script type="text/javascript" charset="utf-8">
        $(function () {
            $('.about-grid a').Chocolat({linkImages: false});
        });
    </script>
    <!------ light-box-script ----->
</head>
<body>
<!-- container -->
<!-- header -->
<img src="{{asset('static/images/logo.png')}}" style="display:block; margin: 10px auto">
<div id="home" class="header">
    <div class="container">
        <div class="banner-info text-center">
            <img src="/storage/{{$person->photo}}" class="img-responsive" alt="" style="border-radius: 5px"/>
            <h1>{{$person->name}}</h1>
            <p>{{$person->department_text}} ({{$person->work_no}})</p>
            <div class="person-info">
                <span>工种：{{$person->category_text}}</span>
                <span>上岗证日期：{{substr($person->working_certificate_start_date, 0, -3)}} ~ {{substr($person->working_certificate_end_date, 0, -3)}}</span>
            </div>
        </div>
        <!-- banner-info -->
    </div>
</div>
<!-- /header -->
<div class="copyrights">Collect from <a href="http://www.moobnn.com/">企业网站模板</a></div>
<!-- about -->
<div id="about" class="about">
    <div class="container">
        <!-- head-section -->
        <div class="head-section text-center">
            <h2>岗位信息</h2>
            <span></span>
        </div>
        <!-- head-section -->
        <!-- about-grids -->
        <div class="about-grids">
            <div class="col-md-6 about-left-grid">
                <h3>岗位资质</h3>
                @foreach($person->job as $item)
                <p>{{$item}}</p>
                @endforeach
            </div>
            <div class="col-md-6 about-right-grid">
                <h3>作业工序</h3>
                @foreach($person->station as $item)
                    <p>{{$item}}</p>
                @endforeach
            </div>
        </div>
        <!-- about-grids -->
    </div>
</div>
<!-- about -->
</body>
</html>
